directives.directive('ngDrag', ["$rootScope", "tools","$timeout", function ($rootScope, tools,$timeout) {
    return {
        restrict: 'AE',
        link: function (scope, element, attr) {

//            console.log("drag");
            /*
            * directive: ng-drag
            * ng-drag-data:json{} 存储数据 dataType:"Table" 数据类型 *使用
            * */
            $(element).attr({"draggable":true});
            element[0].addEventListener('dragstart',function(ev){
//                console.log(attr.ngDragData);
//                console.log(element[0]);



                var json=$.parseJSON(attr.ngDragData);
                if(json.dataType=="Filed"){

//                    console.log($(element).offset().top);
                    json.top1=$(element).offset().top+$("#rightBox .tableLink").scrollTop()+5;
                    json.tableIncardIndex=$(element).parent().parent().parent().attr("tableCardIn");
//                    console.log("json:"+json);
//                    console.log(json);
                    ev.dataTransfer.setData("Data",JSON.stringify(json));
                    return;
                }
                if(json.dataType=="link"){
                    // alert(json.dragIndex);
                    for(var i=0;i<$('.tableLink .linkAreaCard').length;i++){
                        console.log("i:"+i);
                        if(json.dragIndex!=i) {
                            $('.tableLink .linkAreaCard').eq(i).css({
                              //  "border": "2px dotted #1B1C1D"
                                "border-radius": ".28571429rem",
                                "box-shadow":" 0 1px 3px 0 #D40000,0 0 0 1px #D40000"
                            });
                        }
                    }
                    
                   // $('.tableLink .linkAreaCard').eq(json.dragIndex).css({"border":"none"});
                }
                if(json.dataType=="Table"){
                    $("h1.tishi").show();
                    $timeout(function(){
                        $("h1.tishi").hide()
                    },1000);
                }
                ev.dataTransfer.setData("Data",attr.ngDragData);

            });

        }
    }
}]);
